{% extends "web1/template.html" %}

{% block title %}搜索页面{% endblock %}

{% block css %}
<link rel="stylesheet" href="/static/PublicCss/info.css">
{% endblock %}

{% block body %}
<div class="info-box yy-display-flex yy-flex-justify-content-space-between">
    <div class="info-left-box">
        <div class="layui-panel">
            <div style="padding: 15px;" class="yy-media5">
                <div class="layui-card-header">
                    <h2 class="yy-text-font-weight-400">
                        <i class="iconfont icon-paixingbang"></i>
                        <span>与 “ <span class="yy-text-color1">武庚纪</span> ” 相关的影片</span>
                    </h2>
                </div>
                <div class="layui-card-body">
                    <ul class="yy-info-search-asjkascasc">
                        <li
                            class=" yy-info-search-asjkascasc-item yy-flex-justify-content-space-between yy-display-flex">
                            <div class="yy-info-search-boxasdasca">
                                <a href="javascript:;" class="yy-position-relative yy-display-block ">
                                    <div class="yy-absolute-z-bgc yy-position-absolute yy-position-relative">
                                        <i
                                            class="iconfont yy-text-color2 yy-position-absolute yy-absolute-centent yy-text-size-50px icon-bofang"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="yy-info-search-asscsa">
                                <ul class="info-stui-content__detail">
                                    <h2 class="yy-text-font-weight-400 elip-1">斗破苍斗破苍穹年番斗破苍穹年番穹年番</h2>
                                    <li class="elip-1 yy-text-size-14px info-stui-content__detail-pingefe">
                                        <i class="iconfont yy-text-color4  icon-xingxing"></i>
                                        <i class="iconfont yy-text-color4  icon-xingxing"></i>
                                        <i style="color:#09bb07">5</i>
                                    </li>
                                    <li class="elip-1 yy-text-size-14px">
                                        <span>主演: </span>
                                        <a class="yy-text-size-14px" href="#">未知</a>
                                        <a class="yy-text-size-14px" href="#">未知</a>
                                        <a class="yy-text-size-14px" href="#">未知</a>
                                    </li>
                                    <li class="elip-1 yy-text-size-14px">
                                        <span>导演: </span>
                                        <a class="yy-text-size-14px" href="#">未知</a>
                                        <a class="yy-text-size-14px" href="#">未知</a>
                                    </li>
                                    <li class="elip-1 yy-text-size-14px">
                                        <span>更新时间: </span>
                                        <span class="yy-text-size-14px">2024-12-21</span>
                                    </li>
                                    <li class="elip-1 yy-text-size-14px">
                                        <div class="layui-btn-container yy-media6">
                                            <button style="border-radius: 10px;" type="button"
                                                class="yy-bgc-color4 layui-btn layui-bg-blue">立刻播放</button>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li
                            class=" yy-info-search-asjkascasc-item yy-flex-justify-content-space-between yy-display-flex">
                            <div class="yy-info-search-boxasdasca">
                                <a href="javascript:;" class="yy-position-relative yy-display-block ">
                                    <div class="yy-absolute-z-bgc yy-position-absolute yy-position-relative">
                                        <i
                                            class="iconfont yy-text-color2 yy-position-absolute yy-absolute-centent yy-text-size-50px icon-bofang"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="yy-info-search-asscsa">
                                <ul class="info-stui-content__detail">
                                    <h2 class="yy-text-font-weight-400 elip-1">斗破苍斗破苍穹年番斗破苍穹年番穹年番</h2>
                                    <li class="elip-1 yy-text-size-14px info-stui-content__detail-pingefe">
                                        <i class="iconfont yy-text-color4  icon-xingxing"></i>
                                        <i class="iconfont yy-text-color4  icon-xingxing"></i>
                                        <i style="color:#09bb07">5</i>
                                    </li>
                                    <li class="elip-1 yy-text-size-14px">
                                        <span>主演: </span>
                                        <a class="yy-text-size-14px" href="#">未知</a>
                                        <a class="yy-text-size-14px" href="#">未知</a>
                                        <a class="yy-text-size-14px" href="#">未知</a>
                                        <a class="yy-text-size-14px" href="#">未知</a>
                                        <a class="yy-text-size-14px" href="#">未知</a>
                                        <a class="yy-text-size-14px" href="#">未知</a>
                                    </li>
                                    <li class="elip-1 yy-text-size-14px">
                                        <span>导演: </span>
                                        <a class="yy-text-size-14px" href="#">未知</a>
                                        <a class="yy-text-size-14px" href="#">未知</a>
                                    </li>
                                    <li class="elip-1 yy-text-size-14px">
                                        <span>更新时间: </span>
                                        <span class="yy-text-size-14px">2024-12-21</span>
                                    </li>
                                    <li class="elip-1 yy-text-size-14px">
                                        <div class="layui-btn-container yy-media6">
                                            <button style="border-radius: 10px;" type="button"
                                                class="yy-bgc-color4 layui-btn layui-bg-blue">立刻播放</button>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                    <div class="pages yy-display-flex yy-flex-justify-content-center yy-margin-top-15px">
                        <div id="demo-laypage-normal-1"></div>
                       
                    </div>
                </div>
            </div>
        </div>

        {% include 'web1/footer.html' %}
    </div>
    <div class="info-right-box">
        <div class="layui-panel">
            <div style="padding: 15px;" class="yy-display-flex yy-flex-align-items-center yy-flex-direction-column">
                <span>扫码用手机观看</span>
                <div class="info-shaoma-box yy-margin-tb-10px">
                    <img class="yy-image-v1"
                        src=""
                        alt="">
                </div>
                <span>分享到朋友圈</span>
            </div>
        </div>

        <div class="layui-panel yy-margin-top-15px">
            <div style="padding: 15px;">
                <div class="layui-card-header">
                    <i class="yy-text-color1 iconfont icon-superscript-"></i>
                    <span>推荐</span>
                </div>
                <div class="layui-card-body">
                    <div class="info-sm-ascfhasjca yy-text-align-centent">
                        <a href="javascript:;" class="info-sm-sascimg-box yy-display-block">
                            <img class="yy-image-v1"
                                src="https://pic.wujinpp.com/upload/vod/20220731-1/87c88da26e74c1e33ba5a5793e453373.jpg"
                                alt="">
                        </a>
                        <h3 class="elip-1 yy-margin-top-5px">
                            <a class="" href="javascript:;">斗1123斗1123罗条例斗1123罗条例斗1123罗条例罗条例</a>
                        </h3>
                    </div>

                    <ul class="hot-list yy-margin-top-15px">
                        <li class="yy-margin-left-5px">
                            <a href="#"
                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                <div class="elip-1" style="width: 70%;">
                                    <span class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                    <span>飞驰生11231231223123erasdasd死2</span>
                                </div>
                                <div style="width: 30%;" class="yy-display-flex">
                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                        style="transform: rotate(90deg);"></i>
                                </div>
                            </a>
                        </li>
                        <li class="yy-margin-left-5px">
                            <a href="#"
                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                <div class="elip-1" style="width: 70%;">
                                    <span class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                    <span>飞驰生11231231223123erasdasd死2</span>
                                </div>
                                <div style="width: 30%;" class="yy-display-flex">
                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                        style="transform: rotate(90deg);"></i>
                                </div>
                            </a>
                        </li>
                        <li class="yy-margin-left-5px">
                            <a href="#"
                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                <div class="elip-1" style="width: 70%;">
                                    <span class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                    <span>飞驰生11231231223123erasdasd死2</span>
                                </div>
                                <div style="width: 30%;" class="yy-display-flex">
                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                        style="transform: rotate(90deg);"></i>
                                </div>
                            </a>
                        </li>
                        <li class="yy-margin-left-5px">
                            <a href="#"
                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                <div class="elip-1" style="width: 70%;">
                                    <span class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                    <span>飞驰生11231231223123erasdasd死2</span>
                                </div>
                                <div style="width: 30%;" class="yy-display-flex">
                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                        style="transform: rotate(90deg);"></i>
                                </div>
                            </a>
                        </li>
                        <li class="yy-margin-left-5px">
                            <a href="#"
                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                <div class="elip-1" style="width: 70%;">
                                    <span class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                    <span>飞驰生11231231223123erasdasd死2</span>
                                </div>
                                <div style="width: 30%;" class="yy-display-flex">
                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                        style="transform: rotate(90deg);"></i>
                                </div>
                            </a>
                        </li>
                        <li class="yy-margin-left-5px">
                            <a href="#"
                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                <div class="elip-1" style="width: 70%;">
                                    <span class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                    <span>飞驰生11231231223123erasdasd死2</span>
                                </div>
                                <div style="width: 30%;" class="yy-display-flex">
                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                        style="transform: rotate(90deg);"></i>
                                </div>
                            </a>
                        </li>
                        <li class="yy-margin-left-5px">
                            <a href="#"
                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                <div class="elip-1" style="width: 70%;">
                                    <span class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                    <span>飞驰生11231231223123erasdasd死2</span>
                                </div>
                                <div style="width: 30%;" class="yy-display-flex">
                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                        style="transform: rotate(90deg);"></i>
                                </div>
                            </a>
                        </li>
                        <li class="yy-margin-left-5px">
                            <a href="#"
                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                <div class="elip-1" style="width: 70%;">
                                    <span class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                    <span>飞驰生11231231223123erasdasd死2</span>
                                </div>
                                <div style="width: 30%;" class="yy-display-flex">
                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                        style="transform: rotate(90deg);"></i>
                                </div>
                            </a>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
    </div>

</div>

{% endblock %}

{% block js %}
<script>
    layui.use(function () {
        var laypage = layui.laypage;
        laypage.render({
            elem: 'demo-laypage-normal-1',
            count: 1000, // 数据总数
            
        });
    });
</script>
{% endblock %}